<template>
	<view class="item" @click="navto('/pages/cschool/detail?id='+item.id)">
		<image :src="item.icon?URL(item.icon):''" class="item__pic" mode="aspectFill"></image>
		<view class="" style="flex: 1;">
			<view class="item__name">
				{{item.title}}
			</view>
			<view class="u-flex u-flex-y-center">
				<view class="item__tip" v-for="(item,index) in item.label_text" :key="index">
					{{item}}
				</view>
			</view>
			<view class="item__addr">
				<image src="/static/cxx/Vector(1).png" class="item__addr__icon" mode=""></image>
				{{item.address}}
			</view>
		</view>
		<image src="/static/cxx/Vector.png" class="item__more" mode=""></image>
	</view>
</template>

<script>
	export default {
		name:"schoolitem",
		props:{
			item:Object
		},
		data() {
			return {
				tiplist:['公办','中等专业学校']
			};
		}
	}
</script>

<style lang="scss">
.item{
	background: #FFFFFF;
	box-shadow: 6rpx 8rpx 8rpx 0rpx #DEE2FF;
	border-radius: 46rpx 46rpx 46rpx 46rpx;
	margin-bottom: 7rpx;
	display: flex;
	padding: 24rpx 48rpx 6rpx 26rpx;
	overflow: hidden;
	&__pic{
		width: 92rpx;
		height: 92rpx;
		background: #E4E4E4;
		border-radius: 50%;
		margin-right: 20rpx;
	}
	&__name{
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		font-size: 31rpx;
		color: #000000;
		line-height: 40rpx;
	}
	&__tip{
		padding: 0 16rpx;
		height: 28rpx;
		background: #84B1FF;
		border-radius: 50rpx 50rpx 50rpx 50rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		font-size: 23rpx;
		color: #fff;
		line-height: 28rpx;
		margin-right: 10rpx;
	}
	&__addr{
		height: 40rpx;
		display: flex;
		align-items: center;
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		font-size: 15rpx;
		color: #A6A5A5;
		line-height: 40rpx;
		&__icon{
			width: 13.36rpx;
			height: 17.18rpx;
			margin-right: 5rpx;
		}
	}
	&__more{
		width: 17.18rpx;
		height: 32.44rpx;
		margin-top: 28rpx;
	}
}
</style>